Вход

Просмотр полной версии : сохранение через localstorage

Titanic
10.10.2015, 23:44
<input type="text" id="in">
<input type="submit" id="inp" value="Вставить">
<div style="" id="testD"> </div>

<script type="text/javascript">
$(document).ready(function() {
$("#inp").click(function() {
$("#testD").append('<br>' + document.getElementById('in').value)
});
});
</script>

имею такой код и когда на странице ввожу текст и вставляю, хочу чтобы при перезагрузке страницы вставленный текст сохранялся.
Lemme
11.10.2015, 00:21
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" id="in">
<input type="submit" id="inp" value="Вставить">
<div style="" id="testD"> </div>

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script>
$(function() {
$('#testD').html(localStorage.getItem('testD') || '');

$("#inp").click(function() {
var testD = $("#testD");
testD.append('<br>' + $('#in').val());
localStorage.setItem('testD', testD.html());
});
});
</script>
</body>
</html>
Titanic
11.10.2015, 00:24
спасибо большое ;)
laimas
11.10.2015, 02:11
Titanic,
для таких операций нужно использовать sessionStorage (https://developer.mozilla.org/ru/docs/Web/API/Window/sessionStorage), а не локальное хранилище, все таки компьютер пользователя это не ваша вотчина, а размер 5 МБ под локальное хранилище не означает, что каждому можно оставлять в нем свой мусор.